<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
    // ES 6 新增的创建字符串的方式，使用反引号定义
    // let name = `这是一个模板字符串`;
    // console.log(name);

    // 模板字符串可以解析变量
    // let name = '张三';
    // let sayHello = `hello, my name is ${name}`;
    // console.log(sayHello);

    // 模板字符串可以换行
    // let result = {
    //     name: 'zhangsan',
    //     age: 20
    // };
    // let html = `
    // <div>
    //     <span>${result.name}</span>
    //     <span>${result.age}</span>
    // </div>`
    // console.log(html);


    // 在模板字符串中可以调用函数
    const fn = () => {
        return '我是 fn 函数';
    }
    let html = `我是模板字符串 ${fn()}`;
    console.log(html);
    </script>
</body>
</html>